//引入当前文件对应的less文件
require("../less/register.less")
//引入插件的js文件
const CaptchaMini = require("../lib/captcha-mini.js")

document.ready(function () {
    const msg = document.querySelector('#msg');
    const ipone = document.querySelector('#ipone');
    const code = document.querySelector("#code");//验证码
    const pwd = document.querySelector('#pwd');
    const repwd = document.querySelector('#repwd');
    const regBtn = document.querySelector('#regBtn');

    // stat 验证码
    //创建验证码的对象
    let captcha1 = new CaptchaMini(
        {
            lineNum: 3,//线条的数量
            // dotNum: 250,//点的数量
            length: 4 //验证码的个数
        });
    let captchacode = '';
    captcha1.draw(document.querySelector('#captcha1'), r => {
        console.log('验证码:', r);
        captchacode = r;
    });
    // end 验证码


    //表单验证

    regBtn.addEventListener('click', function () {
        //手机验证
        if (!ipone.value) {
            msg.textContent = "手机号码不能为空";
            ipone.focus()
            return false;
        }
        if (!window.$util.phoneCheck(ipone.value)) {
            msg.textContent = "手机号码格式不正确";
            ipone.focus()
            return false;
        }
        // 验证码
        if (!code.value) {
            msg.textContent = "验证码不能为空";
            return false;
        }
        if (code.value.toLowerCase() !== captchacode.toLowerCase()) {
            msg.textContent = "验证码错误";
            return false;
        }
        // 密码
        if (!pwd.value) {
            msg.textContent = "密码不能为空";
            return false;
        }
        if (!window.$util.passwordCheck(pwd.value)) {
            msg.textContent = "请输入6-18位的字母数组下划线";
            return false;
        }
        // 确认密码验证
        if (repwd.value !== pwd.value) {
            msg.textContent = "请输入相同密码";
            return false;
        }
        msg.textContent = '';

        // 判断手机号码是否被占用，如果没有就注册
        // 如果占用就提示用户


        axios.post(window.$util.BASE_URL + '/api/user/isExist', {
            "account": ipone.value
        }).then(function (res) {
            let data = res.data;
            console.log(res);
            // 手机被占用
            if (data.errno === 10002) {
                msg.textContent = data.message;
            } else if (data.errno === 0) {
                // console.log("可以发起注册请求");
                // 注册请求
                axios.post(window.$util.BASE_URL + '/api/user/register', {
                    "account": ipone.value,
                    "password": pwd.value
                })
                    .then((res) => {
                        let reData = res.data;
                        if (reData.errno === 0) {
                            alert('注册成功')
                            // 跳转
                            window.location.href = './login.html';
                        } else if (reData.errno === 10002) {
                            alert('注册失败,账号已存在')
                        }
                    })
                    .catch((err) => {
                        console.log(err);
                    })
            }
        })
            .catch(function (err) {
                console.log(err);
            })
    })
})